$(function () {
  // 点击去注册账号的链接
  $("#link_reg").on("click", function () {
    $(".login_box").hide();
    $(".reg_box").show();
  });
  // 点击去登陆的链接
  $("#link_login").on("click", function () {
    $(".login_box").show();
    $(".reg_box").hide();
  });

  // 自定义校验规则
  // 1.从lay-ui中获取form对象
  var form = layui.form;
  //   引入lay-ui的msg提示
  var layer = layui.layer;
  // 2.通过form.verify()来自定义校验规则
  form.verify({
    // 自定义了一个叫做pws的校验规则
    pwd: [/^[\S]{6,12}$/, "密码必须6到12位，且不能出现空格"],
    // 校验密码两次是否一致规则
    repwd: function (value) {
      // 通过形参拿到确认密码框中的内容
      //    var pwd = $('#mypassword').val();
      var pwd = $(".reg_box [name=password]").val();
      console.log(pwd);
      if (pwd !== value) return "密码不一致，请重新输入";
      // 还需要拿到密码框中的内容
      // 然后进行一次比较
      // 如果判断失败，则return-提示
    },
  });

  //   监听注册表单
  $("#form_reg").on("submit", function (e) {
    //   1.阻止默认提交行为
    e.preventDefault();
    // 2.发起ajax的post提交
    var data = {
      username: $("#form_reg  [name=user]").val(),
      password: $("#form_reg  [name=password]").val(),
    };
    $.post(
      "api/reguser",
      data,
      function (res) {
        if (res.status !== 0) {
          return layer.msg(res.message);
        }
        layer.msg("注册成功", { icon: 6 });
        console.log("ok");
        // 注册完模拟人的点击行为
        $("#link_login").click();
      }
    );
  });
  // 监听登录表单
  $("#form_login").submit(function (e) {
    e.preventDefault();
    $.ajax({
      method: "POST",
      url: "api/login",
      data: $(this).serialize(),
      success: function (res) {
        if (res.status !== 0) {
          return layer.msg(res.message);
        }
        layer.msg("登录成功");
        //   登录之后将得到的token保存在localstorage
        localStorage.setItem("token", res.token);
        console.log(res.token);

        location.href = "/index.html";
      },
    });
  });
});
